import React from 'react';
import { Link } from 'react-router-dom';
import LogoHeader from '../../../components/Header/LogoHeader';

import styles from './index.module.less';

class EmailRemind extends React.Component {
  state = {
    confirmDirty: false,
  };
  render() {
    const rightContent = (
      <div className={styles.menuBox}>
        <Link className={styles.menuItem} to="/">首页</Link>
        <Link className={styles.menuItem} to='/login'>登录</Link>
        <Link className={styles.menuItem} to='/register'>注册</Link>
        <Link className={styles.menuItem} to='/'>帮助中心</Link>
      </div>
    );

    return (
      <React.Fragment>
        <LogoHeader moduleName='欢迎登陆' rightContent={rightContent}/>
        <div className={styles.content}>
          <div className={styles.box}>
            <p className={styles.text}>您的账号未绑定邮箱, 请绑定一个电子邮箱,以方便您完成以下操作</p>
            <div className={styles.info}>
              <p>
                1.接受平台活动、交易信息等操作通知;
              </p>
              <p>
                2.重要信息操作,例如修改、找回账号密码等高危操作时用作身份验证。
              </p>
            </div>
            <div className={styles.button}>
              <button>立即绑定</button>
              <button>下次再说</button>
            </div>
          </div>
        </div>
      </React.Fragment>
    );
  }
}

export default EmailRemind;
